<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<button>打开</button>
	<button>关闭</button>
	<button>后退</button>
	<script type="text/javascript">
		// 打开窗口
		var btn = document.querySelectorAll("button")
		btn[0].onclick = function() {
			//打开 window.open(a,b,c)
			//  a:打开链接
			//  b:打开方式  _blank
			//  c:打开窗口的大小


			//打开一个200px*200px的新窗口
			let newWindow = window.open('','','width=200,height=200')
			//在新打开的窗口中写入内容
			newWindow.document.write("<h1>这是一个h1</h1>")
		}

		//关闭窗口
		btn[1].onclick = function() {
			window.close()
		}


		//后退
		btn[2].onclick = function() {
			history.back()
		}
		
	</script>
</body>
</html>